/*Reset*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-family: Arial;
    font-size: 10pt;
    color: #333;
    vertical-align:baseline;
    line-height: 14pt;
    background:transparent;
    list-style: none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-size: 100%;
}

/*tag overrides*/
body{
    /*background: url("../images/DevLegancyDesign.jpg") no-repeat center 0;*/
    background-color: #f1f1f1;
    opacity: 0.7;
}

/*wrapper*/
.wp-layout{
    width:950px; margin:0 auto;
}
.wp-body{
    width: 100%;
}
.wp-header, .wp-banner, .wp-content, .wp-footer{
    width:100%;
}
.wp-header{background-color: #fff;padding: 16px 0;height: 48px;box-shadow: 0 0 6px rgba(0,0,0,0.8);position: relative;z-index: 1;}
.wp-banner{height:280px;overflow: hidden;z-index: 0;position: relative}
.wp-content{padding-bottom: 12px;}
.wp-footer{padding: 12px 0;overflow: hidden;}
.wp-footer, .wp-banner{background-color: #507cbe;}

/*header*/
.logo{display:block;width: 156px; height: 42px; text-indent: -9999pt; background: url("../images/logo.jpg") no-repeat 0 0;margin: 0 20px 0 15px;float: left;}
.menu{float: left;margin-top: 16px;}
.menu li{float: left;border-left: solid 1px #095ba6;list-style: none;}
.menu li:first-child{border-left: none;}
.menu a{font-family: "open_sanslight", Trebuchet MS, Arial;color:#095ba6;text-decoration: none;text-transform: uppercase;padding: 0 18px;font-size: 10pt;}

.s-net{float: right;margin-top: 8px;}
.s-net li{float: left;margin-right: 6px}
.s-net a{width: 30px;height: 30px; display: block;background-image: url("../images/social.png");background-color: #aaa;text-indent: -9999em;}
.s-net a:hover{background-color: #878787; transition: 0.3s all ease-out;}
.sn-fb{background-position: 0px 0px;}
.sn-tw{background-position: -31px 0px;}
.sn-yt{background-position: -62px 0px;}

/*content*/
.lt-content{float: left; width: 66%;}
.rt-content{float: right; width: 33%}
.ct-content{float: none; clear: both; width: 100%}
.lt-content + .ct.content, .rt-content + .ct.content{padding-top: 20px;}

/*Recursive*/
.cl{clear: both;}
.wp-module{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    position: relative;
    margin-top: 12px;
}
.mod-lit{width: 49%;float:left; text-align: center;overflow: hidden;}
.mod-lit img{width: 100%}
.mod-lit .hd-01, .mod-lit span{display:block;padding: 12px;}
.mod-lit + .mod-lit{margin-left: 2%}

.wp-vmho{position: relative;}
.wp-vmho .btn-vm{position: absolute;top:50%;left:50%;margin:-17px 0 0 -37px;display:none;}
.vmho-overlay{position:absolute;width: 100%; height: 100%;}
.mod-lit:hover .vmho-overlay{background-color:#507cbe;opacity:0.5;}
.mod-lit:hover .btn-vm{display: block;}

.mod-wide, .mod-fl{padding:12px;clear:both;overflow: hidden;height: 200px;max-height: 200px;}
.mod-wide img{width: 48%;margin-right: 2%;float: left;}
.mod-wide .hd-01{display:block;padding-bottom:12px;}
.mod-wide .wp-btn{bottom: 12px;position: absolute;right: 12px;}
.mod-wide-ad{padding:12px;}
.ad-img{width: 49%;display: inline-block;text-align: center;padding-top: 14px;}
.ad-img:hover{opacity:0.8;}

.mod-fl{height: auto;max-height: none;}

.hd-01{font-family: "open_sanslight", Trebuchet MS, Arial; font-size: 16pt;line-height: 18pt;}

/*Buttons*/
.btn-vm{
    border-style: solid;    border-width: 2px;     transition: 0.3s all ease-out;    background-color: transparent;
    position: relative;    display: inline-block;    padding: 6px 12px;    text-transform: capitalize;
    font-family: "open_sanslight", Trebuchet MS, Arial;    text-decoration: none;
}   

.vm-blu{border-color: #507cbe;    color: #507cbe;}
.vm-blu:hover{color: #fff;    background-color: #507cbe;}
.vm-whi{border-color: #fff;    color: #fff;}
.vm-whi:hover{color: #507cbe;      background-color: #fff}

.btn-cmn{text-decoration: none;position: relative;font-family: "open_sansregular", Trebuchet MS, Arial;}
.btn-cmn:hover{text-decoration: underline; transition: 0.3s all ease-out;}
.cmn-whi{color: #fff;}

/* Business list*/
.business-list {text-align: center;}
.business-list li{width:16%;text-align: center;display: inline-block;vertical-align: middle;margin-top: 12px;}
.business-list img{max-width: 100%;}

/*Footer list*/
.ft-list{color: #fff; float: left; width: 15%;padding-left: 2%;}
.ft-list b, .ft-list li{color: #fff;line-height: 24px;}

/*@font-face*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}